<template>
   <div>
       <ul>
           <li v-for="(val,index) in arr" :key="index">{{  val }}</li>
       </ul>
       <ul>
           <li v-for="obj in strarr" :key="obj.id">{{obj.id}}--{{obj.name}}--{{obj.sex}}</li>
       </ul>
       <div>
           <p v-for="(val,theKey) in tObj" :key="theKey">
               <span>{{theKey}}{{ val}}</span>
           </p>
           <span v-for="n in 10" :key="n">{{n+','}}</span>
       </div>
   </div>
</template>

<script>
export default {
    data () {
        return {
            arr:[1,2,3,4,5],
            strarr:[
                {
                    id:1,
                    name:'八戒',
                    sex:'男'
                },
                 {
                    id:2,
                    name:'悟空',
                    sex:'男'
                },
                {
                    id:3,
                    name:'唐僧',
                    sex:'男'
                }
            ],
            tObj: {
                    name: "小黑",
                    age: 18,
                    class: "1期",
                  },
                  n:5,
        }
    }
}
</script>

<style>

</style>